<template>
	<text class="iconfont" :class="name" :style="[{color: color,fontSize: size + 'rpx'}]" @click="$emit('click', $event)"></text>
</template>

<script>
	export default {
		props: {
			name: String,
			color: String,
			size: String
		},
		data() {
			return {}
		}
	}
</script>

<style scoped>
	@import url("./iconfont.css");
	.iconfont {
	    display: flex;
		line-height: 1.2;
		/* font-size: 80rpx !important; */
	    align-items: center;
	    justify-content: center;
	    font-size: inherit;
		padding: 10rpx 0;
	}
</style>
